<#list spuList as spu>

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="mcnCaptionBlock">
    <tbody class="mcnCaptionBlockOuter">
    <tr>
        <td class="mcnCaptionBlockInner" valign="top" style="padding:9px;">


            <table border="0" cellpadding="0" cellspacing="0"
                   class="mcnCaptionRightContentOuter" width="100%">
                <tbody>
                <tr>
                    <td valign="top" class="mcnCaptionRightContentInner"
                        style="padding:0 9px ;">
                        <table align="left" border="0" cellpadding="0" cellspacing="0"
                               class="mcnCaptionRightImageContentContainer" width="176">
                            <tbody>
                            <tr>
                                <td class="mcnCaptionRightImageContent" align="left"
                                    valign="top">


                                    <a href="https://www.sim.allschool.com/classes/${spu.extUrlInfo}"
                                       title="" class="" target="_blank">

                                      <#list spu.spuCoverUrl as spuUrl>
                                          <#if spuUrl.type?? && spuUrl.type == 1>
                                                <img alt=""
                                                     src="${spuUrl.data}"
                                                     width="176" style="max-width:768px;"
                                                     class="mcnImage">
                                            </#if>
                                        </#list>
                                </a>


                                </td>
                            </tr>
                            </tbody>
                        </table>
                        <table class="mcnCaptionRightTextContentContainer" align="right"
                               border="0" cellpadding="0" cellspacing="0" width="352">
                            <tbody>
                            <tr>
                                <td valign="top" class="mcnTextContent"
                                    style="font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, Verdana, sans-serif; line-height: 200%;">
                                                                <span style="font-size:20px"><span
                                                                        style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span
                                                                        style="color:#000000">${spu.spuTitle}&nbsp;</span><span
                                                                        style="color:#3375F7">&gt;&gt;&nbsp;</span></span></span><br>
                                    <span style="font-size:16px"><span
                                            style="color:#FF8D00"><span
                                            style="background-color:#FFF6EA">&nbsp;${spu.categoryName}&nbsp;｜</span></span>
                                        <#if spu.minAge?? && spu.minAge gte 18 >
                                            <span style="background-color: #FFF6EA;color: #FF9300;">Age 18+&nbsp; &nbsp;</span>
                                        <#else>
                                            <span style="background-color: #FFF6EA;color: #FF9300;">Age ${spu.minAge}~${spu.maxAge}&nbsp; &nbsp;</span>
                                        </#if>
                                        </span><span
                                        style="font-size:20px"><span
                                        style="font-family:helvetica neue,helvetica,arial,verdana,sans-serif"><span
                                        style="color:#3375F7">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</span></span></span>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
        </td>
    </tr>
    </tbody>
</table>
</#list>
